<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>404</title>
    <script src="/static/js/jquery.min.js" type="text/javascript"></script>
    <link href="/static/css/bootstrap.min.css" rel="stylesheet">
</head>
<body class="alert alert-secondary">
<div class="container">
    <div class="row align-items-center" style="height: 700px">
        <div class="col-12 align-items-center text-center">
            <div class="alert alert-danger" role="alert">
                <h5>您所访问的页面&nbsp;&nbsp;<span class="font-italic">http:/127.0.0.1:8000{{ request.path }}</span>&nbsp;&nbsp;不存在；
                    <span id="sec" class="alert-link">5</span>秒
                    后跳转至<a href="{% url 'home' %}"  class="alert-link">主页</a>
                </h5>
            </div>
        </div>
    </div>
</div>


</body>
<script type="text/javascript">
    setTimeout(function () {
            window.location.href = '{% url 'home' %}'
        }
        ,
        5000
    );
    var s = $('#sec');
    {#显示倒计时#}
    setTimeout(function () {
        s.text('4')
    }, 1000);
    setTimeout(function () {
        s.text('3')
    }, 2000);
    setTimeout(function () {
        s.text('2')
    }, 3000);
    setTimeout(function () {
        s.text('1')
    }, 4000);


</script>
</html>